@import "./variables.less";
@import "./mixin.less";

:global {
  .hide {
    display: none !important;
  }

  .center-align {
    text-align: center;
  }

  #app {
    .mx-size(100%);
    display: flex;
  }

  * {
    padding: 0;
    margin: 0;
    margin-bottom: 0;
    margin-top: 0;
  }

  .blue-link {
    color: #1890ff;
  }

  /* 滚动槽 */
  ::-webkit-scrollbar {
    .mx-size(4px);
  }

  ::-webkit-scrollbar-track {
    border-radius: 3px;
    background: rgba(0, 0, 0, 0.06);
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.08);
  }

  /* 滚动条滑块 */
  ::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background: rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);
  }
}